<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="/img/system.ico" type="image/x-icon">
    <link rel="stylesheet" href="/css/login.css">
    <title>登录</title>
    <script src="/js/jquery.min.js"></script>
    <script src="/common/layui/layui.js"></script>
    <script src="/js/myAjax.js"></script>
    <script src="/js/login.js"></script>
</head>

<body>
<div class="content">
    <div class="login-header">
       <img src="/img/welcome.png"/>
    </div>
    <form name="loginForm">
        <div class="login-input-box">
            <span class="icon icon-user"></span>
            <input type="text" name="username" autocomplete="off" placeholder="Please enter your account">
        </div>
        <div class="login-input-box">
            <span class="icon icon-password"></span>
            <input type="password" name="password" autocomplete="off" placeholder="Please enter your password">
        </div>
        <div class="login-input-box">
            <span class="icon icon-verifyCode"></span>
            <!--<input type="text" name="verifyCode" autocomplete="off" placeholder="Please input verifyCode">-->
            <!--<img class="verifyCodeImg" src="/api/verifyCodeImg"-->
                 <!--onclick="$('.verifyCodeImg').attr('src','/api/verifyCodeImg?random='+Math.random());"-->
                 <!--alt="verifyCode">-->
        </div>
    </form>
    <div class="remember-box">
        <label>
            <input name="rememberMe" type="checkbox">&nbsp;Remember Me
        </label>
    </div>
    <div class="login-button-box">
        <button>Login</button>
    </div>
    <div class="logon-box">
        <a href="">Forgot?</a>
        <a href="register.html">Register</a>
    </div>
</div>
</body>

</html>